<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="${ctx}/static/h5/css/public/common.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/public/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/pasonnal-page.css"/>
    <link rel="stylesheet" href="${ctx}/static/h5/css/personal/message.css"/>
    <title></title>
</head>
<body id="ancestor">
<div id="message_share" class="family-list">
    <header>
        <a href="javascript:void(0)" onclick="window.history.back()">
            <img src="${ctx}/static/h5/images/back.png" class="go-back" alt=""/><span>返回</span></a>
        <h4>大事记</h4>
    </header>
    <section class="pasonnal-contnet">
        <!--分享-->
        <div id="">
            <%--<ul>--%>
                <%--<c:forEach var="feed" items="${feeds}">--%>
                    <%--<li class="container">--%>
                        <%--<div class="row">--%>
                            <%--<div class="col-xs-6 share-time">--%>
                                <%--<div>--%>
                                    <%--<span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月--%>
                                <%--</div>--%>
                            <%--</div>--%>
                            <%--<div class="col-xs-6 share-content">--%>
                                <%--&lt;%&ndash;<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>&ndash;%&gt;--%>
                                <%--<span class="share-text">${feed.content}</span>--%>
                                <%--<input  hidden="hidden" class="tagid" value="2"/>--%>
                                <%--<input  hidden="hidden" class="fid" value="${feed.id}"/>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                        <%--<!--评论区域开始-->--%>
                        <%--<div class="cmt_area">--%>
                            <%--&lt;%&ndash;<c:forEach var="li" items="${four}">--%>
                                <%--<p class="issue_cont">--%>
                                    <%--<input hidden="hidden" class="commentId" value="${li.id}"/>--%>
                                    <%--<span class="issue_id">${li.customer.name}</span>--%>
                                    <%--<span>：</span>--%>
                                    <%--<span>${li.content}</span>--%>
                                <%--</p>--%>
                            <%--</c:forEach>&ndash;%&gt;--%>
                        <%--</div>--%>
                        <%--<!--评论区域结束-->--%>
                        <%--<div class="row share-method">--%>
                            <%--<div class="col-xs-6 dianzan">--%>
                                <%--<c:if test="${feed.liked==true}">--%>
                                    <%--<img src="${ctx}/static/h5/images/dianzan.png" alt=""/>--%>
                                    <%--<input hidden="hidden" class="liked" value="1">--%>
                                <%--</c:if>--%>
                                <%--<c:if test="${feed.liked==false}">--%>
                                    <%--<img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>--%>
                                    <%--<input hidden="hidden" class="liked" value="0">--%>
                                <%--</c:if>--%>
                                <%--<span class="dianzan-count">${feed.likeCount}</span>--%>
                                <%--<input  hidden="hidden" class="fid" value="${feed.id}"/>--%>
                            <%--</div>--%>
                            <%--<div class="col-xs-6 comment">--%>
                                <%--<img src="${ctx}/static/h5/images/pinglun.png" alt=""/>--%>
                                <%--<c:if test="${feed.commentCount==0}">--%>
                                    <%--<span class="pinglun-count">0</span>--%>
                                <%--</c:if>--%>
                                <%--<c:if test="${feed.commentCount>0}">--%>
                                    <%--<span class="pinglun-count">${feed.commentCount}</span>--%>
                                <%--</c:if>--%>
                                <%--<input  hidden="hidden" class="tagid" value="2"/>--%>
                                <%--<input  hidden="hidden" class="fid" value="${feed.id}"/>--%>
                            <%--</div>--%>
                        <%--</div>--%>
                    <%--</li>--%>
                <%--</c:forEach>--%>
            <%--</ul>--%>
                <ul id="share">
                    <c:if test="${!empty feeds}">
                        <c:forEach items="${feeds}" var="feed">
                            <li class="container">
                                <div class="share-time">
                                    <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                                </div>
                                <div class="row">
                                    <div class="col-xs-6 share-avatar">
                                        <c:if test="${empty feed.customer.pic}">
                                            <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                                        </c:if>
                                        <c:if test="${!empty feed.customer.pic}">
                                            <img src="${feed.customer.pic}" alt=""/>
                                        </c:if>
                                    </div>
                                    <div class="col-xs-6 share-content">
                                            <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                                        <span class="share-text">${feed.content}</span>
                                        <input  hidden="hidden" class="fid" value="${feed.id}"/>
                                        <input  hidden="hidden" class="tagid" value="2"/>
                                    </div>
                                </div>
                                <div class="share-method">
                                    <div class="dianzan">
                                        <c:if test="${feed.liked==true}">
                                            <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                            <input hidden="hidden" class="liked" value="1">
                                        </c:if>
                                        <c:if test="${feed.liked==false}">
                                            <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                            <input hidden="hidden" class="liked" value="0">
                                        </c:if>
                                        <span class="dianzan-count">${feed.likeCount}</span>
                                        <input  hidden="hidden" class="fid" value="${feed.id}"/>
                                    </div>
                                    <div class="comment">
                                        <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                        <c:if test="${feed.commentCount==0}">
                                            <span class="pinglun-count">0</span>
                                        </c:if>
                                        <c:if test="${feed.commentCount>0}">
                                            <span class="pinglun-count">${feed.commentCount}</span>
                                        </c:if>
                                        <input  hidden="hidden" class="tagid" value="2"/>
                                        <input  hidden="hidden" class="fid" value="${feed.id}"/>
                                    </div>
                                </div>
                            </li>
                        </c:forEach>
                    </c:if>
                    <c:if test="${!empty feed}">
                        <li class="container">
                            <div class="share-time">
                                <span class="share-time-day"><fmt:formatDate value="${feed.createTime}" pattern="dd"/></span><span class="share-time-mouth"><fmt:formatDate value="${feed.createTime}" pattern="MM"/></span>月
                            </div>
                            <div class="row">
                                <div class="col-xs-6 share-avatar">
                                    <c:if test="${empty feed.customer.pic}">
                                        <img src="${ctx}/static/h5/images/family_icon.png" alt=""/>
                                    </c:if>
                                    <c:if test="${!empty feed.customer.pic}">
                                        <img src="${feed.customer.pic}" alt=""/>
                                    </c:if>
                                </div>
                                <div class="col-xs-6 share-content">
                                        <%--<img src="${ctx}/static/h5/images/share-img.png" class="share-img" alt=""/>--%>
                                    <span class="share-text">${feed.content}</span>
                                </div>
                            </div>
                            <!--评论区域开始-->
                            <div class="cmt_area">
                                <c:forEach var="li" items="${four}">
                                    <p class="issue_cont">
                                        <input hidden="hidden" class="commentId" value="${li.id}"/>
                                        <span class="issue_id">${li.customer.name}</span>
                                        <span>：</span>
                                        <span>${li.content}</span>
                                    </p>
                                </c:forEach>
                            </div>
                            <!--评论区域结束-->
                            <div class="share-method">
                                <div class="dianzan">
                                    <c:if test="${feed.liked==true}">
                                        <img src="${ctx}/static/h5/images/dianzan.png" alt=""/>
                                        <input hidden="hidden" class="liked" value="1">
                                    </c:if>
                                    <c:if test="${feed.liked==false}">
                                        <img src="${ctx}/static/h5/images/dianzan1.png" alt=""/>
                                        <input hidden="hidden" class="liked" value="0">
                                    </c:if>
                                    <span class="dianzan-count">${feed.likeCount}</span>
                                    <input  hidden="hidden" class="fid" value="${feed.id}"/>
                                </div>
                                <div class="comment">
                                    <img src="${ctx}/static/h5/images/pinglun.png" alt=""/>
                                    <c:if test="${feed.commentCount==0}">
                                        <span class="pinglun-count">0</span>
                                    </c:if>
                                    <c:if test="${feed.commentCount>0}">
                                        <span class="pinglun-count">${feed.commentCount}</span>
                                    </c:if>
                                </div>
                            </div>
                        </li>


                    </c:if>
                </ul>
            <img src="${ctx}/static/h5/images/sharebtn.png" class="share_btn"/>
        </div>
    </section>
</div>
<!--发布分享-->
<div id="publish">
    <div class="container">
        <ul class="share_top row">
            <li class="col-xs-2 cancle_share">取消</li>
            <li class="col-xs-8 font_title">发表文字</li>
            <li class="col-xs-2 issue_share"><button>发送</button></li>
        </ul>
        <textarea name="" rows="" cols="" class="share_cont"></textarea>
        <div class="container posit" id="getLoc">
            <div class="row">
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/position.png" alt="" />
                </div>
                <div class="col-xs-8 pos_area" id="locMess">
                    所在位置
                </div>
                <div class="col-xs-2 pos_area">
                    <img src="${ctx}/static/h5/images/tiaozhuan.png" alt="" />
                </div>
            </div>
        </div>
    </div>
</div>
<!--发表评论-->
<form action="" method="post">
    <div class="cmt_btm container">
        <div class="row cmt_box">
            <div class="col-xs-10">
                <textarea placeholder="评论一下：）" name="content" class="cmt_cont"></textarea>
                <input hidden="hidden" value="" id="contId">
            </div>
            <div class="col-xs-2">
                <input type="button"  value="发表" id="cmt_issue"/>
            </div>
        </div>
    </div>
    <!--删除评论或取消-->
    <ul class="del_cmt">
        <li class="del">删除</li>
        <li class="cancl">取消</li>
    </ul>
</form>
</body>
<script src="${ctx}/static/h5/js/public/jquery-2.2.3.min.js"></script>
<script src="${ctx}/static/h5/js/public/bootstrap.min.js"></script>
<script src="${ctx}/static/h5/js/personal/family_note.js"></script>
</html>